<template>
    <div class="Status3">

        <!-- 已完成 未评价 3 -->

        <div class='dd-column'>
            <MyOrderDetailsContent :detailsData="detailsData" :goodsTAndList="goodsTAndList" />
            <!-- 评价订单  -->
            <div class='item'>

                <div class='title2'>
                    <span class='dd-c_o'>| </span> 评价订单
                </div>
                <!-- 判断是不是有句星级 -->
                <div class='content' v-show="detailsData.commentStarNum">
                    <div class='star dd-row dd-h-center'>
                        <div v-for="(starItem,starIndex) in stars" :key="starIndex">
                            <div class='starImg' @click='checkStar'>
                                <!-- <img :src='starItem==1 ? "@/assets/img/stary.png" : "@/assets/img/starc.png"' /> -->
                                <img v-if="starItem==1" src='@/assets/img/stary.png' />
                                <img v-if="starItem!=1" src='@/assets/img/starc.png' />
                            </div>
                        </div>
                    </div>
                    <div class="dd-row dd-h-center">
                        <textarea class="ta" placeholder='随便评论，展示你绝妙的文笔'></textarea>
                    </div>
                    <div class='dd-row dd-center'>
                        <div class='dd-btn-yellow-c' @click='confirm'>提 交</div>
                    </div>
                </div>
                <div v-show="!evaluationBool" class='have-evaluation dd-text-center dd-c_c'>
                    已评价
                </div>
            </div>

        </div>
    </div>
</template>
<script>
import MyOrderDetailsContent from "@/components/My/myOrderDetails/MyOrderDetailsContent.vue";

export default {
  props: ["detailsData", "goodsTAndList", "evaluationBool"],
  data() {
    return {
      stars: [1, 1, 1, 1, 1],
      evaluationBool: true
    };
  },
  components: {
    MyOrderDetailsContent
  }
};
</script>
<style scoped>
/* 已完成 没评价  */

.star {
}

.star .starImg {
  height: 24pt;
  width: 24pt;
  margin: 0 4pt;
}

.star .starImg img {
  height: 24pt;
  width: 24pt;
}

/* 评价订单 */
.title2 {
  font-size: 11pt;
  font-weight: bold;
  margin: 0 0 5pt 0;
}
</style>
